<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions" version="2.1">


	<jsp:directive.page contentType="text/html" pageEncoding="UTF-8" />
	<jsp:directive.page isELIgnored="false" />
	<jsp:output omit-xml-declaration="false" doctype-root-element="HTML"
		doctype-system="about:legacy-compat" />

	<jsp:useBean id="ListarCategoriasBean"
		class="es.albarregas.beans.ListarCategorias" scope="session" />
	<!-- Construir la cadena de búsqueda para leer CATEGORÍAS -->
	<c:set var="clausula" value="" />
	<jsp:setProperty property="clausulaWhere" name="ListarCategoriasBean"
		value="${clausula}" />

	<jsp:useBean id="listaColeccionesBean"
		class="es.albarregas.beans.ListaColeccionesBean" scope="session" />
	<!-- Construir la cadena de búsqueda para leer CATEGORÍAS -->
	<c:set var="clausula" value="" />
	<jsp:setProperty property="clausulaWhere" name="listaColeccionesBean"
		value="${clausula}" />


	<jsp:useBean id="ListaProductosBean"
		class="es.albarregas.beans.ListaProductosBean" scope="session" />
	<jsp:setProperty property="clausulaWhere" name="ListaProductosBean"
		value="where codigo='${param.codigo}'" />
	<html>
<head>
<title>Formulario para a</title>
<link rel="stylesheet" type="text/css" href="css/ForEditarProductos.css" />
</head>

<body>

	<jsp:include page="Cabecera.jsp" />
	<form action="crlProcesarEditarProducto" method="post"
		enctype="multipart/form-data">
		<div id="contenedor">
			<c:forEach var="producto" items="${ListaProductosBean.producto}">
				<div id="DIVAgregarProductos">
					<h1 id="H1LetreroAgregarProductos">Datos del nuevo producto</h1>
					<form action="crlProcesarEditarProducto" method="post"
						enctype="multipart/form-data">
						<div id="DIVDatosEnvioIzquierda">
							<h2 class="H2LetreroDatosEnvioProductos">Codigo:</h2>
							<input type="text" name="codigo" id="concepto"
								placeholder="Nombre" required="required"
								value="${producto.codigo}" class="INPUTDatoFormularioProductos"
								readonly="readonly" />
							<h2 class="H2LetreroDatosEnvioProductos">Nombre:</h2>
							<input type="text" name="concepto" id="concepto"
								placeholder="Nombre" required="required"
								value="${producto.concepto}"
								class="INPUTDatoFormularioProductos" />
							<h2 class="H2LetreroDatosEnvioProductos">Categoría:</h2>
							<c:forEach var="categoria"
								items="${ListarCategoriasBean.categoria}">
								<c:if	test="${fn:substring(producto.codigo, 0, 2)==categoria.codigo}">
									<input type="text" name="categoria" id="categoria"
										placeholder="Nombre" required="required"
										value="${categoria.nombre}"
										class="INPUTDatoFormularioProductos" readonly="readonly" />
								</c:if>
							</c:forEach>
							
							<h2 class="H2LetreroDatosEnvioProductos">Colección:</h2>							
								<c:forEach var="coleccion"									items="${listaColeccionesBean.coleccion}">
									<c:if
										test="${fn:substring(producto.codigo, 2, 4)==coleccion.codigo}">
										<input type="text" name="coleccion" id="coleccion"
										placeholder="Nombre" required="required"
										value="${coleccion.nombre}"
										class="INPUTDatoFormularioProductos" readonly="readonly" />
									</c:if>
									

								</c:forEach>
							
							<h2 class="H2LetreroDatosEnvioProductos">Descripción:</h2>
							<textarea rows="10" name="descripcion" id="descripcion"
								required="required" class="INPUTDatoFormularioProductos">${producto.descripcion}</textarea>

						</div>
						<div id="DIVDatosEnvioCentro">
							<h2 class="H2LetreroDatosEnvioProductos">Alto:</h2>
							<input type="number" step="1" id="alto" name="alto" required="required"
								value="${producto.alto}" class="INPUTDatoFormularioProductos" />
							<h2 class="H2LetreroDatosEnvioProductos">Ancho:</h2>
							<input type="number" step="1" id="ancho" name="ancho" required="required"
								value="${producto.ancho}" class="INPUTDatoFormularioProductos" />
							<h2 class="H2LetreroDatosEnvioProductos">Profundidad:</h2>
							<input type="number" step="1" id="profundidad" name="profundidad"
								required="required" value="${producto.profundidad}"
								class="INPUTDatoFormularioProductos" />
							<h2 class="H2LetreroDatosEnvioProductos">Imagen:</h2>
							<input type="file" accept="" name="foto" id="foto"
								class="INPUTDatoFormularioProductos" />
						</div>
						<div id="DIVDatosEnvioDerecha">
							<h2 class="H2LetreroDatosEnvioProductos">Precio:</h2>
							<input type="text" name="precio" id="precio" required="required"
								value="${producto.precio}" class="INPUTDatoFormularioProductos" />
							<h2 class="H2LetreroDatosEnvioProductos">Stock:</h2>

							<input type="number" name="stock" id="stock" required="required"
								value="${producto.stock}" class="INPUTDatoFormularioProductos" />
							<h2 class="H2LetreroDatosEnvioProductos">Stock mínimo:</h2>
							<input type="number" id="stockMinimo" required="required"
								name="stockMinimo" value="${producto.stockMinimo}"
								class="INPUTDatoFormularioProductos" />
							<h2 class="H2LetreroDatosEnvioProductos">Proveedor:</h2>

							<select name="codigoProveedor" id="codigoProveedor"
								class="INPUTDatoFormularioProductos">
								<option value="03">- Proveedor -</option>
							</select>
							<h2 class="H2LetreroDatosEnvioProductos">Fuera de Catálogo:</h2>

							<select name="fueraCatalogo" id="fueraCatalogo"
								class="INPUTDatoFormularioProductos">

								<c:if test="${producto.fueraCatalogo=='N'}">
									<option value="N" selected="selected">No</option>
									<option value="S">Si</option>
								</c:if>
								<c:if test="${producto.fueraCatalogo!='N'}">
									<option value="S" selected="selected">Si</option>
									<option value="N">No</option>
								</c:if>
							</select>
							<h2 class="H2LetreroDatosEnvioProductos">En promocion:</h2>

							<select name="promocion" id="promocion"
								class="INPUTDatoFormularioProductos">
								<option value="N" selected="selected">No</option>
								<option value="S">Si</option>
							</select> <input class="SUBMITAgregarProducto" type="submit" name="accion"
								value="editar" />
						</div>

					</form>
				</div>
			</c:forEach>
		</div>
	</form>


</body>
	</html>

</jsp:root>